<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
<title>注册页</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="../regiest/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="../regiest/css/font-awesome.css" rel="stylesheet"> 
<link rel="stylesheet" href="../regiest/css/chocolat.css" type="text/css" media="screen">
<link href="../regiest/css/easy-responsive-tabs.css" rel='stylesheet' type='text/css'/>
<link rel="stylesheet" href="../regiest/css/flexslider.css" type="text/css" media="screen" property="" />
<link rel="stylesheet" href="../regiest/css/jquery-ui.css" />
<link href="../regiest/css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="../regiest/js/modernizr-2.6.2.min.js"></script>
<!--fonts-->
<!-- <link href="http://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Federo" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet"> -->
<link href="../regiest/famo.css" rel="stylesheet">
<link href="../regiest/famf.css" rel="stylesheet">
<link href="../regiest/faml.css" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!-- header -->
<div class="banner-top">
			<!-- <div class="social-bnr-agileits">
				<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
			</div> -->
			<div class="contact-bnr-w3-agile">
				<ul>
					<!-- <li><i class="fa fa-envelope" aria-hidden="true"></i><a href="mailto:info@example.com">INFO@EXAMPLE.COM</a></li>
					<li><i class="fa fa-phone" aria-hidden="true"></i>+1 (100)222-23-33</li> -->	
					<li><i class="fa" aria-hidden="true"></i><a href="#"></a></li>
					<!-- <li class="s-bar">
						<div class="search">
							<input class="search_box" type="checkbox" id="search_box">
							<label class="icon-search" for="search_box"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></label>
							<div class="search_form">
								<form action="#" method="post">
									<input type="search" name="Search" placeholder=" " required=" " />
									<input type="submit" value="Search">
								</form>
							</div>
						</div>
					</li> -->
				</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	<div class="w3_navigation">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<h1><a class="navbar-brand" href="index.html">Resort <span>Inn</span><p class="logo_w3l_agile_caption">Your Dreamy Resort</p></a></h1>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav class="menu menu--iris">
						<ul class="nav navbar-nav menu__list">
							<!-- <li class="menu__item menu__item--current"><a href="index.html" class="menu__link">Home</a></li>
							<li class="menu__item"><a href="#about" class="menu__link scroll">About</a></li>
							<li class="menu__item"><a href="#team" class="menu__link scroll">Team</a></li>
							<li class="menu__item"><a href="#gallery" class="menu__link scroll">Gallery</a></li>
							<li class="menu__item"><a href="#rooms" class="menu__link scroll">Rooms</a></li> -->
							<li class="menu__item"><a href="#contact" class="menu__link scroll">微信会员注册</a></li>
						</ul>
					</nav>
				</div>
			</nav>

		</div>
	</div>
<!-- //header -->
		<!-- banner -->
	<!-- <div id="home" class="w3ls-banner"> -->
		<!-- banner-text -->
		<!-- <div class="slider">
			<div class="callbacks_container">
				<ul class="rslides callbacks callbacks1" id="slider4">
					<li>
						<div class="w3layouts-banner-top">

							<div class="container">
								<div class="agileits-banner-info">
								<h4>Star Hotel</h4>
									<h3>We know what you love</h3>
										<p>Welcome to our hotels</p>
									<div class="agileits_w3layouts_more menu__item">
				<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
			</div>
								</div>	
							</div>
						</div>
					</li>
					<li>
						<div class="w3layouts-banner-top w3layouts-banner-top1">
							<div class="container">
								<div class="agileits-banner-info">
								<h4>Star Hotel</h4>
									<h3>Stay with friends & families</h3>
										<p>Come & enjoy precious moment with us</p>
									<div class="agileits_w3layouts_more menu__item">
				<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
			</div>
								</div>	
							</div>
						</div>
					</li>
					<li>
						<div class="w3layouts-banner-top w3layouts-banner-top2">
							<div class="container">
								<div class="agileits-banner-info">
								<h4>Star Hotel</h4>
								<h3>want luxurious vacation?</h3>
										<p>Get accommodation today</p>
									<div class="agileits_w3layouts_more menu__item">
											<a href="#" class="menu__link" data-toggle="modal" data-target="#myModal">Learn More</a>
										</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="clearfix"> </div> -->
			<!--banner Slider starts Here-->
		<!-- </div>
		    <div class="thim-click-to-bottom">
				<a href="#about" class="scroll">
					<i class="fa fa-long-arrow-down" aria-hidden="true"></i>
				</a>
			</div>
	</div>	 -->
	<!-- //banner --> 
<!--//Header-->
<!-- //Modal1 -->
<!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
						Modal1
							<div class="modal-dialog">
							Modal content
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">&times;</button>
										<h4>Resort <span>Inn</span></h4>
										<img src="images/1.jpg" alt=" " class="img-responsive">
										<h5>We know what you love</h5>
										<p>Providing guests unique and enchanting views from their rooms with its exceptional amenities, makes Star Hotel one of bests in its kind.Try our food menu, awesome services and friendly staff while you are here.</p>
									</div>
								</div>
							</div>
						</div> -->
<!-- //Modal1 -->
<!-- <div id="availability-agileits">
<div class="col-md-3 book-form-left-w3layouts">
	<h2>CHECK AVAILABILITY</h2>
</div>
<div class="col-md-9 book-form">
			   <form action="#" method="post">
					<div class="fields-w3ls form-left-agileits-w3layouts ">
							<p>Room Type</p>
							<select class="form-control">
								<option>Select a Room</option>
								<option>Luxury Room</option>
								<option>Deluxe Room</option>
								<option>Single Room</option>
								<option>Double Room</option>
							</select>
					</div>
					<div class="fields-w3ls form-date-w3-agileits">
						        <p>Arrival Date</p>
									<input  id="datepicker1" name="Text" type="text" value="Select Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'mm/dd/yyyy';}" required="">
								</div>
								<div class="fields-w3ls form-date-w3-agileits">
						        <p>Departure Date</p>
									<input  id="datepicker2" name="Text" type="text" value="Select Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'mm/dd/yyyy';}" required="">
								</div>
					
					<div class=" form-left-agileits-submit">
						  <input type="submit" value="Check Availability">
					</div>
				</form>
			</div>
			<div class="clearfix"> </div>
</div> -->
<!-- banner-bottom -->
	<!-- <div class="banner-bottom">
		<div class="container">	
			<div class="agileits_banner_bottom">
				<h3><span>Experience a good stay, enjoy fantastic offers</span> Find our friendly welcoming reception</h3>
			</div>
			<div class="w3ls_banner_bottom_grids">
				<ul class="cbp-ig-grid">
					<li>
						<div class="w3_grid_effect">
							<span class="cbp-ig-icon w3_road"></span>
							<h4 class="cbp-ig-title">MASTER BEDROOMS</h4>
							<span class="cbp-ig-category">Resort Inn</span>
						</div>
					</li>
					<li>
						<div class="w3_grid_effect">
							<span class="cbp-ig-icon w3_cube"></span>
							<h4 class="cbp-ig-title">SEA VIEW BALCONY</h4>
							<span class="cbp-ig-category">Resort Inn</span>
						</div>
					</li>
					<li>
						<div class="w3_grid_effect">
							<span class="cbp-ig-icon w3_users"></span>
							<h4 class="cbp-ig-title">LARGE CAFE</h4>
							<span class="cbp-ig-category">Resort Inn</span>
						</div>
					</li>
					<li>
						<div class="w3_grid_effect">
							<span class="cbp-ig-icon w3_ticket"></span>
							<h4 class="cbp-ig-title">WIFI COVERAGE</h4>
							<span class="cbp-ig-category">Resort Inn</span>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div> -->
<!-- //banner-bottom -->
<!-- /about -->
 	<!-- <div class="about-wthree" id="about">
		  <div class="container">
				   <div class="ab-w3l-spa">
                            <h3 class="title-w3-agileits title-black-wthree">About Our Resort Inn</h3> 
						   <p class="about-para-w3ls">Lorem Ipsum is simply dummy text of the printing and typesetting industry.Sed tempus vestibulum lacus blandit faucibus. Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula, at imperdiet urna</p>
						   <img src="images/about.jpg" class="img-responsive" alt="Hair Salon">
										<div class="w3l-slider-img">
											<img src="images/a1.jpg" class="img-responsive" alt="Hair Salon">
										</div>
                                       <div class="w3ls-info-about">
										    <h4>You'll love all the amenities we offer!</h4>
											<p>Lorem ipsum dolor sit amet, ut magna aliqua. </p>
										</div>
		          </div>
		   	<div class="clearfix"> </div>
    </div>
</div> -->
 	<!-- //about -->
<!--sevices-->
<!-- <div class="advantages">
	<div class="container">
		<div class="advantages-main">
				<h3 class="title-w3-agileits">Our Services</h3>
		   <div class="advantage-bottom">
			 <div class="col-md-6 advantage-grid left-w3ls wow bounceInLeft" data-wow-delay="0.3s">
			 	<div class="advantage-block ">
					<i class="fa fa-credit-card" aria-hidden="true"></i>
			 		<h4>Stay First, Pay After! </h4>
			 		<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
					<p><i class="fa fa-check" aria-hidden="true"></i>Decorated room, proper air conditioned</p>
					<p><i class="fa fa-check" aria-hidden="true"></i>Private balcony</p>
			 		
			 	</div>
			 </div>
			 <div class="col-md-6 advantage-grid right-w3ls wow zoomIn" data-wow-delay="0.3s">
			 	<div class="advantage-block">
					<i class="fa fa-clock-o" aria-hidden="true"></i>
			 		<h4>24 Hour Restaurant</h4>
			 		<p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates.</p>
					<p><i class="fa fa-check" aria-hidden="true"></i>24 hours room service</p>
					<p><i class="fa fa-check" aria-hidden="true"></i>24-hour Concierge service</p>
			 	</div>
			 </div>
			<div class="clearfix"> </div>
			</div>
		</div>
	</div>
</div> -->
<!--//sevices-->
<!-- team -->
<!-- <div class="team" id="team">
	<div class="container">
			<h3 class="title-w3-agileits title-black-wthree">Meet Our Team</h3>
			<div id="horizontalTab">
					<ul class="resp-tabs-list">
					<li>
						<img src="images/teams1.jpg" alt=" " class="img-responsive" />
					</li>
					<li>
						<img src="images/teams2.jpg" alt=" " class="img-responsive" />
					</li>
					<li>
						<img src="images/teams3.jpg" alt=" " class="img-responsive" />
					</li>
					<li>
						<img src="images/teams4.jpg" alt=" " class="img-responsive" />
					</li>
					</ul>
					<div class="resp-tabs-container">
					<div class="tab1">
						<div class="col-md-6 team-img-w3-agile">
						</div>
						<div class="col-md-6 team-Info-agileits">
							<h4>Lucas Jimenez</h4>
							<span>Manager</span>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>
						<div class="social-bnr-agileits footer-icons-agileinfo">
							<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
						</div>							
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab2">
					<div class="col-md-6 team-img-w3-agile">
						</div>
						<div class="col-md-6 team-Info-agileits">
							<h4>Sarah Connor</h4>
							<span>Receptionist</span>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>	
						<div class="social-bnr-agileits footer-icons-agileinfo">
							<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
						</div>							
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab3">
						<div class="col-md-6 team-img-w3-agile">
						</div>
						<div class="col-md-6 team-Info-agileits">
							<h4>Ivan Simpson</h4>
							<span>Manager</span>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>
						<div class="social-bnr-agileits footer-icons-agileinfo">
							<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
						</div>							
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="tab4">
					<div class="col-md-6 team-img-w3-agile">
						</div>
						<div class="col-md-6 team-Info-agileits">
							<h4>Marc Gutierrez</h4>
							<span>Receptionist</span>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.Lorem ipsum dolor .</p>
						<div class="social-bnr-agileits footer-icons-agileinfo">
							<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
						</div>							
						</div>
						<div class="clearfix"> </div>
					</div>
					</div>
			</div>
	</div>
</div> -->
<!-- //team -->
<!-- <div class="tlinks">Collect from <a href="www.cssmoban/" ></a></div> -->
<!-- Gallery -->
<!-- <section class="portfolio-w3ls" id="gallery">
		 <h3 class="title-w3-agileits title-black-wthree">Our Gallery</h3>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g1.jpg" class="swipebox"><img src="images/g1.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g2.jpg" class="swipebox"><img src="images/g2.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g3.jpg" class="swipebox"><img src="images/g3.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g4.jpg" class="swipebox"><img src="images/g4.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g5.jpg" class="swipebox"><img src="images/g5.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
					</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g6.jpg" class="swipebox"><img src="images/g6.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
					   </div>
				   </a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g6.jpg" class="swipebox"><img src="images/g7.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
					   </div>
				   </a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g6.jpg" class="swipebox"><img src="images/g8.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
					   </div>
				   </a>
				</div>
					<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g9.jpg" class="swipebox"><img src="images/g9.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g10.jpg" class="swipebox"><img src="images/g10.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g4.jpg" class="swipebox"><img src="images/g4.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="col-md-3 gallery-grid gallery1">
					<a href="images/g2.jpg" class="swipebox"><img src="images/g2.jpg" class="img-responsive" alt="/">
						<div class="textbox">
						<h4>Resort Inn</h4>
							<p><i class="fa fa-picture-o" aria-hidden="true"></i></p>
						</div>
				</a>
				</div>
				<div class="clearfix"> </div>
</section> -->
<!-- //gallery -->
	 <!-- rooms & rates -->
      <!-- <div class="plans-section" id="rooms">
				 <div class="container">
				 <h3 class="title-w3-agileits title-black-wthree">Rooms And Rates</h3>
						<div class="priceing-table-main">
				 <div class="col-md-3 price-grid">
					<div class="price-block agile">
						<div class="price-gd-top">
						<img src="images/r1.jpg" alt=" " class="img-responsive" />
							<h4>Deluxe Room</h4>
						</div>
						<div class="price-gd-bottom">
							   <div class="price-list">
									<ul>
											<li><i class="fa fa-star" aria-hidden="true"></i></li>
											<li><i class="fa fa-star" aria-hidden="true"></i></li>
											<li><i class="fa fa-star" aria-hidden="true"></i></li>
											<li><i class="fa fa-star" aria-hidden="true"></i></li>
											<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									
								     </ul>
							</div>
							<div class="price-selet">	
								<h3><span>$</span>320</h3>						
								<a href="#availability-agileits" class="scroll" >Book Now</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 price-grid ">
					<div class="price-block agile">
						<div class="price-gd-top">
						<img src="images/r2.jpg" alt=" " class="img-responsive" />
							<h4>Luxury Room</h4>
						</div>
						<div class="price-gd-bottom">
							<div class="price-list">
									<ul>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								</ul>
							</div>
							<div class="price-selet">
								<h3><span>$</span>220</h3>
								<a href="#availability-agileits" class="scroll" >Book Now</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 price-grid lost">
					<div class="price-block agile">
						<div class="price-gd-top">
						<img src="images/r3.jpg" alt=" " class="img-responsive" />
							<h4>Guest House</h4>
						</div>
						<div class="price-gd-bottom">
							<div class="price-list">
								<ul>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								</ul>
							</div>
							<div class="price-selet">
								<h3><span>$</span>180</h3>
								<a href="#availability-agileits" class="scroll" >Book Now</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-3 price-grid wthree lost">
					<div class="price-block agile">
						<div class="price-gd-top ">
							<img src="images/r4.jpg" alt=" " class="img-responsive" />
							<h4>Single Room</h4>
						</div>
						<div class="price-gd-bottom">
							<div class="price-list">
								<ul>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
									<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								</ul>
							</div>
							<div class="price-selet">
								<h3><span>$</span> 150</h3>
								<a href="#availability-agileits" class="scroll" >Book Now</a>
							</div>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div> -->
	 <!--// rooms & rates -->
  <!-- visitors -->
	<!-- <div class="w3l-visitors-agile" >
		<div class="container">
                 <h3 class="title-w3-agileits title-black-wthree">What other visitors experienced</h3> 
		</div>
		<div class="w3layouts_work_grids">
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="w3layouts_work_grid_left">
								<img src="images/5.jpg" alt=" " class="img-responsive" />
								<div class="w3layouts_work_grid_left_pos">
									<img src="images/c1.jpg" alt=" " class="img-responsive" />
								</div>
							</div>
							<div class="w3layouts_work_grid_right">
								<h4>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								Worth to come again
								</h4>
								<p>Sed tempus vestibulum lacus blandit faucibus. 
									Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula, 
									at imperdiet urna. </p>
								<h5>Julia Rose</h5>
								<p>Germany</p>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="w3layouts_work_grid_left">
								<img src="images/5.jpg" alt=" " class="img-responsive" />
								<div class="w3layouts_work_grid_left_pos">
									<img src="images/c2.jpg" alt=" " class="img-responsive" />
								</div>
							</div>
							<div class="w3layouts_work_grid_right">
								<h4>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-o" aria-hidden="true"></i>
								Worth to come again
								</h4>
								<p>Sed tempus vestibulum lacus blandit faucibus. 
									Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula, 
									at imperdiet urna. </p>
								<h5>Jahnatan Smith</h5>
								<p>United States</p>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="w3layouts_work_grid_left">
								<img src="images/5.jpg" alt=" " class="img-responsive" />
								<div class="w3layouts_work_grid_left_pos">
									<img src="images/c3.jpg" alt=" " class="img-responsive" />
								</div>
							</div>
							<div class="w3layouts_work_grid_right">
								<h4>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-o" aria-hidden="true"></i>
								Worth to come again
								</h4>
								<p>Sed tempus vestibulum lacus blandit faucibus. 
									Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula, 
									at imperdiet urna. </p>
								<h5>Rosalind Cloer</h5>
								<p>Italy</p>
							</div>
							<div class="clearfix"> </div>
						</li>
						<li>
							<div class="w3layouts_work_grid_left">
								<img src="images/5.jpg" alt=" " class="img-responsive" />
								<div class="w3layouts_work_grid_left_pos">
									<img src="images/c4.jpg" alt=" " class="img-responsive" />
								</div>
							</div>
							<div class="w3layouts_work_grid_right">
								<h4>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star" aria-hidden="true"></i>
								<i class="fa fa-star-o" aria-hidden="true"></i>
								<i class="fa fa-star-o" aria-hidden="true"></i>
								Worth to come again
								</h4>
								<p>Sed tempus vestibulum lacus blandit faucibus. 
									Nunc imperdiet, diam nec rhoncus ullamcorper, nisl nulla suscipit ligula, 
									at imperdiet urna. </p>
								<h5>Amie Bublitz</h5>
								<p>Switzerland</p>
							</div>
							<div class="clearfix"> </div>
						</li>
					</ul>
				</div>
			</section>
		</div>	
	</div> -->
  <!-- visitors -->
<!-- contact -->
<section class="contact-w3ls" id="contact">
	<div class="container">
		<div class="col-lg-11 col-md-8 col-sm-8 contact-w3-agile2" data-aos="flip-center">
			<div class="contact-agileits" >
				<h4>会员注册页面</h4>
				<p class="contact-agile2">请您填写下面的详细会员信息</p>
				<form action="#" method="post" name="sentMessage" id="contactForm" novalidate>
					<div class="control-group form-group" style="display: none;">
                        <div class="controls">
                            <label class="contact-p1">微信方式:</label>
                            <input type="text" class="input-item" name="openid" id="openid" value="<%= request.getSession().getAttribute("openid")%>" >
                        </div>
                        <div ></div>
                    </div>
					<div class="control-group form-group" style="display: none;">
                        <div class="controls">
                            <label class="contact-p1">微信昵称:</label>
                            <input type="text" class="input-item" name="nickname" id="nickname" value="<%= request.getSession().getAttribute("nickname")%>" >
                        </div>
                        <div ></div>
                    </div>
					<div class="control-group form-group" style="display: none;">
                        <div class="controls"> 
                            <label class="contact-p1">注册方式:</label>
                            <input type="text" class="input-item" name="registerWay" id="registerWay" value="微信注册" >
                        </div>
                        <div ></div>
                    </div>
                    
					<div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">手机号码:</label>
                            <!-- <input type="text" style="width: 170px;margin-left: 20px;" class="input-item" name="phone" id="phone" required data-validation-required-message="您输入的手机号码不能为空！"> -->
                            <input type="text" class="form-control" name="phone" id="phone" required data-validation-required-message="您输入的手机号码不能为空！">
                            <a id="verifyphone" style="display: none;">请输入正确的手机号码</a>
                        </div>
                    </div>	
                    <div class="control-group form-group">
                    	<div class="controls">
                            <label class="contact-p1">手机验证码:</label>
                    	</div>
                        <div class="controls">
                            <!-- <input type="code" style="width: 60px;" class="form-inline" name="coded" id="coded" required data-validation-required-message="您输入的验证码不能为空！"> -->
                            <input type="text" class="form-online" name="coded" id="coded" required data-validation-required-message="您输入的验证码不能为空！">
							<button type="button" class="form-liline" id="yanzhengma" style="color: blue;">发送验证码</button>
						</div>
							<a id="verifyCoded" style="display: none;">请输入正确的验证码</a>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">会员姓名:</label>
                            <!-- <input type="text" style="width: 180px;margin-left: 10px;" class="input-item" name="username" id="username" required data-validation-required-message="您输入的证件号码不能为空！"> -->
                            <input type="text" class="form-control" name="username" id="username" required data-validation-required-message="您输入的证件号码不能为空！">
						</div>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">性别:</label>
						      <input type="radio" id="gender" name="gender" value="男" title="男" style="margin-left: 20px;width: 15px;height: 15px;" > <label class="contact-p1" style="margin-left: 2px;">男</label>
						      <input type="radio" id="gender" name="gender" value="女" title="女" style="margin-left: 20px;width: 15px;height: 15px;" checked><label class="contact-p1" style="margin-left: 2px;">女</label>
						</div>
                    </div>
                     <div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">证件类型:</label>
                              <select id=idType name="idType" class="form-control">
					            <option id="idTypeDefault" value="default">&ndash; &ndash;&ndash;&ndash;&ndash;请选择证件类型 &ndash;&ndash;&ndash;&ndash;&ndash;</option>
					            <option id="idTypeDefault0" value="0">身份证</option>          
					           <!--  <option id="idTypeDefault1" value="1">驾驶证</option> -->          
					          </select>
						</div>
						<a id="verifyIdentityNum" style="display: none;">请选择证件类型</a>
                    </div>
                    <div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">证件号码:</label>
                            <!-- <input type="text" style="width: 250px;" class="form-control" name="idNumber" id="idNumber" required data-validation-required-message="您输入的证件号码不能为空！"> -->
                            <input type="text" class="form-control" name="idNumber" id="idNumber" required data-validation-required-message="您输入的证件号码不能为空！">
						</div>
                            <a id="verifyidNumber" style="display: none;">请输入正确的证件号码</a>
                    </div>
                    <!-- <div class="control-group form-group">
                        <div class="controls">
                            <label class="contact-p1">Email Address:</label>
                            <input type="email" class="form-control" name="email" id="email" required data-validation-required-message="Please enter your email address.">
							<p class="help-block"></p>
						</div>
                    </div> -->
                    <!-- <div id="success"></div> -->
                    <!-- For success/fail messages -->
                    <!-- <button type="submit" class="btn btn-primary">Send</button>	 -->
					<button id="clickfunc" class="btn btn-primary">注册</button>
					<button type="reset" class="btn btn-primary">重置</button>
				</form>            
			</div>
		</div>
		<!-- <div class="col-lg-6 col-md-6 col-sm-6 contact-w3-agile1" data-aos="flip-right"> -->
			<!-- <h4>Connect With Us</h4>
			<p class="contact-agile1"><strong>Phone :</strong> +1 (100)222-23-33</p>
			<p class="contact-agile1"><strong>Email :</strong> <a href="mailto:name@example.com">info@example.com</a></p>
			<p class="contact-agile1"><strong>Address :</strong> Interstate 81 SB, Williamsport, WV 25419, USA.</p>
																
			<div class="social-bnr-agileits footer-icons-agileinfo">
				<ul class="social-icons3">
								<li><a href="#" class="fa fa-facebook icon-border facebook"> </a></li>
								<li><a href="#" class="fa fa-twitter icon-border twitter"> </a></li>
								<li><a href="#" class="fa fa-google-plus icon-border googleplus"> </a></li> 
								<li><a href="#" class="fa fa-rss icon-border rss"> </a></li>
							</ul>
			</div> -->
			<!---<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3074.7905052320443!2d-77.84987248482734!3d39.586871613613056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c9f6a80ccf0661%3A0x7210426c67abc40!2sVirginia+Welcome+Center%2FSafety+Rest+Area!5e0!3m2!1sen!2sin!4v1485760915662" ></iframe>--->
		<!-- </div> -->
		<div class="clearfix"></div>
	</div>
</section>
<!-- /contact -->
			<!-- <div class="copy">
		        <p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
		    </div> -->
<!--/footer -->
<!-- js -->
<script type="text/javascript" src="<%=request.getContextPath()%>/regiest/js/jquery-2.1.4.min.js"></script>
<!-- contact form -->
<script src="<%=request.getContextPath()%>/regiest/js/jqBootstrapValidation.js"></script>
<script src="<%=request.getContextPath()%>/regiest/js/contact_me.js"></script>	
<script src="<%=request.getContextPath()%>/layui/layui.js"></script>
<!-- /contact form -->	
<!-- Calendar -->
		<script src="<%=request.getContextPath()%>/regiest/js/jquery-ui.js"></script>
		
		<script>
		var times = 60;
			function roof(){
			   if(times == 0){
			       $('#yanzhengma').text('发送验证码('+times+'s)');
			       $('#yanzhengma').prop('disabled',false);
			       $('#yanzhengma').attr('style',"color:blue;");
			       $('#yanzhengma').text('发送验证码');
			       $("#phone").prop('disabled',false);
			       times = 60;
			       return
			   }
			   $('#yanzhengma').text('发送验证码('+times+'s)');
			   times--;

			   setTimeout(roof,1000);
			}
			
			
			
			layui.use(['layer'], function() {
				var $ = layui.jquery;
				var layer = layui.layer;
				var that = this;
				
				
				$('#yanzhengma').on('click',function(){
					var phoneSty = $("#verifyphone").attr("style")
					var phone = $("#phone").val()
					var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/
					
				 	if(phoneSty != "display: none;"){
		           		$('#phone').focus();
		           		layer.msg("该手机号码"+phone+"已注册，请重新填写！")
		           		return
		          	}
		        	if(!phone){
						$("#verifyphone").attr("style","color: red;display: block;")
						document.getElementById("verifyphone").innerHTML="输入的手机号码不能为空，请输入！";
						return 
		        	}else if(!myreg.test(phone)){
						$("#verifyphone").attr("style","color: red;display: block;")
						document.getElementById("verifyphone").innerHTML="输入的手机号码格式不正确，请重新输入！";
						return 
		        	}else{
						$("#verifyphone").attr("style","display: none;")
			            $(this).prop('disabled',true);
			            $(this).attr('style',"color: grey;");
			            $("#phone").prop('disabled',true);
			            roof();
			            
			            sendToPhone(phone);
			            
		        	}
		            
		        });
				
				
				function sendToPhone(phone){
					$.getJSON("<%=request.getContextPath()%>/verify/sendSmsByAliyun.do",{"phone":phone},function(result){
						 // console.log(result);
						  if(result.state==1){
							  layer.msg(result.message)
						  }else{
							  layer.msg(result.message)
						  }
					  });
		    	}
				
				$("#coded").bind('input propertychange',function(){
		        	var phone = $('#phone').val();
		            var coded = $('#coded').val();
		            
		        	if(!phone){
		        		$("#verifyCoded").attr("style","margin-left: 80px;color: red;display: block;")
						document.getElementById("verifyCoded").innerHTML="请先填写手机号码，再获取验证码！";
		                return
		            }
		            
		        	/* if(!yzm){
		        		$("#verifycode").attr("style","margin-left: 30px;color: red;display: block;")
						document.getElementById("verifycode").innerHTML="请先发送验证码给该手机号码："+mobile;
		        		return
		        	} */
		            $.getJSON("<%=request.getContextPath()%>/verify/verifyCode.do",{"phone":phone,"code":coded},function(result){
						  if(result.state==1){
							  $("#verifyCoded").attr("style","display: none;")
						  }else if(result.state==0){
							  $("#verifyCoded").attr("style","margin-left: 30px;color: red;display: block;")
							  document.getElementById("verifyCoded").innerHTML=result.message;
						  }
					  });
		        })
		        
		        $("#idNumber").focus(function(){
		        	var type = $("#idType").val()
		        	if(type == 'default'){
		        		$("#verifyIdentityNum").attr("style","color: red;display: block;")
						document.getElementById("verifyIdentityNum").innerHTML="请先选择证件类型！";
		        	}else{
		        		$("#verifyIdentityNum").attr("style","display: none;")
		        	}
		        	
		        })
		        $("#idNumber").blur(function(){
			        
		        	if(!checkIDCard($("#idNumber").val())){
						$("#verifyidNumber").attr("style","margin-left: 100px;color: red;display: block;")
						document.getElementById("verifyidNumber").innerHTML="您输入的证件号码格式不正确，请重新输入！";
						return
				 	}else{
				 		$("#verifyidNumber").attr("style","display: none;")
				 	} 
		        })
		        $("#phone").blur(function(){
		        	var phone = $("#phone").val()
		        	$.getJSON("<%=request.getContextPath()%>/verify/verifyPhoneCheck.do",{"phone":phone},function(result){
						  if(result.state==1){
							  $("#verifyphone").attr("style","display: none;")
						  }else if(result.state==0){
							  $("#verifyphone").attr("style","margin-left: 10px;color: red;display: block;")
							  document.getElementById("verifyphone").innerHTML=result.message;
						  }
					  });
		        })
		     // 函数参数必须是字符串，因为二代身份证号码是十八位，而在javascript中，十八位的数值会超出计算范围，造成不精确的结果，导致最后两位和计算的值不一致，从而该函数出现错误。
		     // 详情查看javascript的数值范围
		     function checkIDCard(idcode){
		         // 加权因子
		         var weight_factor = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2];
		         // 校验码
		         var check_code = ['1', '0', 'X' , '9', '8', '7', '6', '5', '4', '3', '2'];

		         var code = idcode + "";
		         var last = idcode[17];//最后一个

		         var seventeen = code.substring(0,17);

		         // ISO 7064:1983.MOD 11-2
		         // 判断最后一位校验码是否正确
		         var arr = seventeen.split("");
		         var len = arr.length;
		         var num = 0;
		         for(var i = 0; i < len; i++){
		             num = num + arr[i] * weight_factor[i];
		         }
		         
		         // 获取余数
		         var resisue = num%11;
		         var last_no = check_code[resisue];

		         // 格式的正则
		         // 正则思路
		         /*
		         第一位不可能是0
		         第二位到第六位可以是0-9
		         第七位到第十位是年份，所以七八位为19或者20
		         十一位和十二位是月份，这两位是01-12之间的数值
		         十三位和十四位是日期，是从01-31之间的数值
		         十五，十六，十七都是数字0-9
		         十八位可能是数字0-9，也可能是X
		         */
		         var idcard_patter = /^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/;

		         // 判断格式是否正确
		         var format = idcard_patter.test(idcode);

		         // 返回验证结果，校验码和格式同时正确才算是合法的身份证号码
		         return last === last_no && format ? true : false;
		     }
		        $("#idType").on("click",function(){
		        	var type = $("#idType").val()
		        	if(type == 'default'){
		        		$("#verifyIdentityNum").attr("style","margin-left: 100px;color: red;display: block;")
						document.getElementById("verifyIdentityNum").innerHTML="请先选择证件类型！";
		        	}else{
		        		$("#verifyIdentityNum").attr("style","display: none;")
		        	}
		        })
		        
				$("#clickfunc").on("click",function(){
					var phone = $("#phone").val()
					var coded = $("#coded").val()
					var phoneSty = $("#verifyphone").attr("style")
					var codeSty = $("#verifyCoded").attr("style")
					var typeSty = $("#verifyIdentityNum").attr("style")
					var numberSty = $("#verifyidNumber").attr("style")

					
					 if(!phone){
		                 $('#phone').focus();
		                 document.querySelector('#phone').placeholder = '请填写手机号码';
		                 return
		             }
					 if(!coded){
		                 $('#yanzhengma').focus();
		                 document.querySelector('#yanzhengma').placeholder = '请填写验证码';
		                 return
		             }
					 
					 
					 if(phoneSty != "display: none;"){
		           		$('#phone').focus();
		                document.querySelector('#phone').placeholder = '请填写正确手机号码';
		           		return
		          	 }
		           	 if(codeSty != "display: none;"){
		           		$('#yanzhengma').focus();
		                document.querySelector('#yanzhengma').placeholder = '请填写正确手机验证码';
		           		return
		           	 }
		           	 
		           	if(typeSty != 'display: none;'){
		           		$('#idType').focus();
		                document.querySelector('#idType').placeholder = '请选择证件类型';
		           		return 
					}
		           	if(numberSty != 'display: none;'){
		           		$('#idNumber').focus();
		                document.querySelector('#idNumber').placeholder = '请输入证件号码';
		           		return 
		           	}
					
		           	var params = {
	        			"openid":$("#openid").val(),"nickname":$("#nickname").val(),"registerWay":$("#registerWay").val(),
	        			"phone":$("#phone").val(),"coded":$("#coded").val(),"username":$("#username").val(),
	        			"idType":$("#idType").val(),"idNumber":$("#idNumber").val(),"gender":$('input[name="gender"]:checked').val()
	        		}
	        		//console.log(params)
	        		$.post("<%=request.getContextPath()%>/verify/doSaveWxMemPhoneCode.do",params,function(result){
	        			if(result.state == 1){
	        				layer.msg(result.message)
	        				window.location.href = "<%=request.getContextPath()%>/verify/wxAddSuccessToLive.do"
	        			}else{
	        				layer.msg(result.message)
	        			}
	        			
	        		})
				})
			})
			
		</script>
<!-- //Calendar -->
<!-- gallery popup -->
<link rel="stylesheet" href="../regiest/css/swipebox.css">
				<script src="../regiest/js/jquery.swipebox.min.js"></script> 
					<script type="text/javascript">
						jQuery(function($) {
							$(".swipebox").swipebox();
						});
					</script>
<!-- //gallery popup -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="../regiest/js/move-top.js"></script>
<script type="text/javascript" src="../regiest/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!-- flexSlider -->
				<script defer src="../regiest/js/jquery.flexslider.js"></script>
				<script type="text/javascript">
				$(window).load(function(){
				  $('.flexslider').flexslider({
					animation: "slide",
					start: function(slider){
					  $('body').removeClass('loading');
					}
				  });
				});
			  </script>
			  <script type="text/javascript">
		$(function(){	
			$( "#datepicker,#datepicker1,#datepicker2,#datepicker3" ).datepicker();
		})
		</script>
			<!-- //flexSlider -->
<script src="../regiest/js/responsiveslides.min.js"></script>
			<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						  // Slideshow 4
						  $("#slider4").responsiveSlides({
							auto: true,
							pager:true,
							nav:false,
							speed: 500,
							namespace: "callbacks",
							before: function () {
							  $('.events').append("<li>before event fired.</li>");
							},
							after: function () {
							  $('.events').append("<li>after event fired.</li>");
							}
						  });
					
						});
			</script>
		<!--search-bar-->
		<script src="../regiest/js/main.js"></script>	
<!--//search-bar-->
<!--tabs-->
<script src="../regiest/js/easy-responsive-tabs.js"></script>
<script>
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion           
width: 'auto', //auto or any width like 600px
fit: true,   // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
$('#verticalTab').easyResponsiveTabs({
type: 'vertical',
width: 'auto',
fit: true
});
});
</script>
<!--//tabs-->
<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
		/*
			var defaults = {
			containerID: 'toTop', // fading element id
			containerHoverID: 'toTopHover', // fading element hover id
			scrollSpeed: 1200,
			easingType: 'linear' 
			};
		*/								
		$().UItoTop({ easingType: 'easeOutQuart' });
		});
	</script>
	
	<div class="arr-w3ls">
	<a href="#home" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	</div>
<!-- //smooth scrolling -->
<script type="text/javascript" src="../regiest/js/bootstrap-3.1.1.min.js"></script>
</body>
</html>